<template>
  <h1>条件渲染</h1>
  <!-- 条件为真才会被渲染 -->
  <button @click="isShow = !isShow">切换显示</button>
  <h2 v-if="isShow">This is Vuejs!</h2>
  <h2 v-else>Oh no😢？？？</h2>
</template>

<script setup>
import { is } from '@babel/types';
import { ref } from 'vue'

const isShow = ref(true)

</script>
<script>
export default {
  name: ''
}
</script>

<style lang="scss" scoped></style>